@import "libs/prefixer.less";
@font-face {
  font-family: "MyriadProCondRegular";
  src: url("/css_js/fonts/MyriadProCondRegular/MyriadPro-Cond.eot");
  src: url("/css_js/fonts/MyriadProCondRegular/MyriadPro-Cond.eot?#iefix")format("embedded-opentype"),
  url("/css_js/fonts/MyriadProCondRegular/MyriadPro-Cond.woff") format("woff"),
  url("/css_js/fonts/MyriadProCondRegular/MyriadPro-Cond.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "MyriadProCondBold";
  src: url("/css_js/fonts/MyriadProCondBold/MyriadProCondBold.eot");
  src: url("/css_js/fonts/MyriadProCondBold/MyriadProCondBold.eot?#iefix")format("embedded-opentype"),
  url("/css_js/fonts/MyriadProCondBold/MyriadProCondBold.woff") format("woff"),
  url("/css_js/fonts/MyriadProCondBold/MyriadProCondBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "MyriadProRegular";
  src: url("/css_js/fonts/MyriadProRegular/MyriadProRegular.eot");
  src: url("/css_js/fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
  url("/css_js/fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
  url("/css_js/fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "MyriadProBold";
  src: url("/css_js/fonts/MyriadProBold/MyriadProBold.eot");
  src: url("/css_js/fonts/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
  url("/css_js/fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
  url("/css_js/fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "MyriadProBoldItalic";
  src: url("/css_js/fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot");
  src: url("/css_js/fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix")format("embedded-opentype"),
  url("/css_js/fonts/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"),
  url("/css_js/fonts/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

*{margin: 0; padding: 0;}

html{font-size: 16px; font-family: MyriadProRegular, sans-serif; color: #000000; width: 100%; min-width: 980px;}
body{ width: 100%; padding-top: 1px; margin-top: -1px; background: url(/images/tpl/top_bg.png) repeat-x;}

img{border: 0; line-height: 0;}
ul, ol{list-style: none;}

a{
  .transition(0.2s);
  color: #002a5e;
  font-size: 16px;
  text-decoration: underline;
  &:hover{color: #0053B8;
    text-decoration: none;}
}

.clear{clear:both;}
.overflow{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
h1, h2, h3, h4, h5, h6{line-height: 1.3em; font-weight: normal; font-family: MyriadProCondBold;}
.html_format{
  line-height: 1.7em;
  h1, h2, h3{font-size: 23px; margin: 20px 0;}
  h4, h5, h6{font-size: 18px; margin: 17px 0;}
  h1, h2, h3, h4, h5, h6{line-height: 1.3em; font-weight: normal; font-family: MyriadProCondBold;}
  h1{font-size: 40px;}
  h2{font-size: 32px;}
  p{margin: 0px 0;}
  ul{list-style: circle;}
  ol{list-style: decimal;}
  ul, ol{padding-left: 45px;margin: 0px 0;}
  table{
    margin: 0px 0;
    border-collapse: collapse;
    border: 0;
    width: 100%;
    table-layout: fixed;
    vertical-align: top;
    th, td{
      padding: 5px 10px;
      border-color: white;
      vertical-align: top;
    }
  }
  a{
    &:hover{
    }
  }
  .red{color: #dd251e;}
}
.table--no-border{border: none;}
.table--no-border td{width: 445px;}
.table--no-border td:last-child{padding-left: 90px;}

.bg_light {position: absolute; background: url(/images/tpl/bg_light.png); width: 980px; height: 461px; left: 50%; margin-left: -490px; z-index: -1;}
.wrapper {position: relative; max-width: 1725px; min-width: 960px; padding: 0 15px; margin: 0 auto; }
.wrapper--no_pad{padding: 0;}
.wrapper--min_pad{padding: 0 5px;}
.wrapper--news{min-height: 654px;}
.header { height: 85px; margin-top: 30px; position: relative; padding-bottom: 1px;}
.header_menu { position: absolute; top: 10px; width: 100%;}
.header_menu__item { position: absolute; top: 0;}
.header_menu__item:nth-child(1) { left: 0; }
.header_menu__item:nth-child(2) {left: 18%;}
.header_menu__item:nth-child(3) {text-align: right; right: 18%;}
.header_menu__item:nth-child(3) span{text-align: right;}
.header_menu__item:nth-child(4) {text-align: right; right: 0;}
.header_menu__item:nth-child(4) span{text-align: right;}
.header_menu__link {display: inline-block; font-size: 18px; font-family: georgia; font-weight: bold; font-style: italic; color: #ffffff;}
.header_menu__span {display: block; width: 165px; margin-top: 15px; font-size: 14px; font-family: Trebuchet MS; text-transform: lowercase; text-align: left; color: #0865a3;}
.header_menu__item .color { color: #002a5e;}
.header_menu__top-a {display: block; font-size: 18px; font-family: georgia; font-weight: bold; font-style: italic; text-decoration: none;}
.header__logo {position: absolute; left: 50%; margin-left: -115px; width: 230px;}
.header__logo_span{font-family: MyriadProCondRegular; font-size: 18px; color: #ffffff; letter-spacing: 4px; margin-left: 30px;}

.center-text{width: 635px; margin: 45px auto 100px;}

.pack-content{color: #000000; text-align: left;}
.pack-content p{display: block; font-family: MyriadProRegular; font-size: 16px;}
.pack-content{
  h1, h2, h3, h4, h5, h6{display: block; font-family: MyriadProCondBold; font-size: 24px; text-transform: uppercase; margin-bottom: 10px;}
}

.wrapper-text{width: 730px; margin: 0 auto; margin-bottom: 100px; font-family: MyriadProRegular; font-size: 16px; color: #000000; text-align: left;}

.wrapper__title {font-family: MyriadProCondBold; margin-top: 60px; color: #002a5e; text-transform: uppercase; text-align: center;  position: relative;}
.wrapper__title{
  h1, h2, h3, h4, h5, h6{font-size: 36px;}
}
.wrapper__title p {font-size: 18px;}

.page__title{display: table-caption; margin-top: 20px; text-align: center; font-family: georgia; font-weight: bold; font-style: italic; font-size: 18px; color: #002a5e;}
.page__title--mod{color: #ffffff;}
.page__title span{border-bottom: 1px dashed #ffffff; cursor: pointer;}
.page__title span:hover{border-bottom: 0;}
.page__title a{font-size: 18px;}

.block-center{min-height: 405px; display: table; width: 100%;}
.main{display: inline-block; font-size: 18px; color: #ffffff; min-height: 300px;}
.main__left{position: absolute; left: 0; top: 50%; height: 118px; width: 410px; margin-top: -120px; text-align: center;}
.main__right{position: absolute; right: 0; top: 50%; height: 118px; width: 410px; margin-top: -120px; text-align: center;}
.main__btitle{font-size: 24px; font-family: MyriadProCondBold; color: #002a5e;}
.main__binfo{font-size: 30px; font-family: MyriadProCondBold; color: #ffffff;}
.main__center{width: 490px; margin: 0 auto;}
.main__cimg{position: relative; height: 200px;}

.cimg__left{position: absolute; left: 0; z-index: 200;}
.cimg__right{position: absolute; right: 0; z-index: 200;}
.cimg__center{position: absolute; display: none;  z-index: 400; width: 204px; left: 50%; margin-left: -115px;  z-index: 600; top: 94px;}
.cimg__left img{width: 100%;}
.cimg__right img{width: 100%;}
.cimg__center img{width: 100%;}

.hcow{width: 344px; height: 412px; background: url(/images/cow/anim_main_344.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -224px;  z-index: 600; top: -2000px;}

/*
.main__cimg img{margin-top: 0; position: absolute;}
.main__cimg img:nth-child(1){left: 25px; z-index: 1;}
.main__cimg img:nth-child(2){left: 205px; top: 20px; z-index: 4;}
.main__cimg img:nth-child(3){display: none; left: 196px; top: 20px; z-index: 3;}
*/

.main__cow{position: absolute; left: 250px; top: 75px; display: none; z-index: 300;}

.main__bubble{display: none; position: absolute; top: -40px; left: 275px; width: 226px; height: 75px; background: url(/images/tpl/main_paste.png); font-size: 16px; color: #0058a2; z-index: 300;}
.main__ptext{display: block; width: 200px; margin-top: 10px; margin-left: 10px; text-align: center; font-weight: bold;}
.block-center .main__ptext a{font-weight: normal; color: #0058a2;}
.block-center .main__ptext span{display: block; color: #0058a2;}
.main__pimg{float: left; margin-left: 15px; margin-top: 10px; width: 29px; height: 40px; background: url(/images/tpl/trolleybus.png);}

.directory{display: none; position: absolute; width: 400px; left: 50%;  top: 50%; margin-top: -162px; margin-left: -200px; min-height: 300px;}
.directory__item{display: block; width: 120px; margin-top: 35px; color: #3aa9eb; font-size: 30px; font-family: MyriadProCondBold; text-align: center; text-decoration: none; cursor: pointer;}
.block-center a{color: #ffffff;}
.block-center a:hover{color: #0053B8;}
.block-center .directory__item.selected:hover{color: #002a5e;}
.directory__item:nth-child(odd){float: left;}
.directory__item:nth-child(even){float: left; margin-left: 160px;}
.directory__item.selected{color: #002a5e;}

.product{display: inline-block; position: relative; width: 1010px; text-align: left; color: #ffffff;}
.product__image{float: left; margin-left: -120%;}
.product__content{position: relative; float: right; margin-right: -120%; width: 550px; font-family: MyriadProRegular; font-size: 18px; z-index: 2;}
.product__content h2{margin-bottom: 15px; font-family: MyriadProCondBold; font-size: 48px;}
.product__content p{width: 385px; margin-bottom: 15px;}
.product__content span{border-bottom: 1px dashed #ffffff; cursor: pointer; z-index: 5;}
.product__content span:hover{border: none;}
.product__content h3{margin-top: 30px; margin-bottom: 15px; font-family: MyriadProCondBold; font-size: 24px;}
.product__fact{width: 450px; margin-bottom: 15px;}
.product__fact img{float: left; margin-right: 10px;}
.product__fact span{border-bottom: 1px dashed #ffffff;}
.product__buttons{position: absolute; left: -270px; top: 50%; margin-top: -89px; height: 178px; width: 1550px; z-index: 1; .user-select(none);}
.product__bleft{float: left; width: 48px; height: 178px; background: url('/images/tpl/product_button_left.png'); cursor: pointer;}
.product__bleft:hover{background: url('/images/tpl/product_button_left_hover.png');}
.product__bright{float: right; width: 48px; height: 178px; background: url('/images/tpl/product_button_right.png'); cursor: pointer;}
.product__bright:hover{background: url('/images/tpl/product_button_right_hover.png');}
.product__cblock{display: none; position: absolute; width: 400px; top: -10px; left: -10px; background: #ffffff; padding: 45px 10px 10px; border: 1px solid #54b4ee; border-radius: 5px; font-family: MyriadProRegular; font-size: 14px; color: #000000; z-index: -1;}
.product__ctitle{margin-bottom: 15px; font-size: 16px; font-family: MyriadProBold; cursor: pointer;}
.product__cblock p{margin-bottom: 15px;}
.product__cblock p:last-child{margin-bottom: 0;}
.product__cblock b{font-family: MyriadProBold;}
.product__characteristics{display: inline-block; position: relative; z-index: 1;}
.product__characteristics span{position: relative;}
.product__slider{overflow: hidden;}
.product__block{float: left; width: 400px;}

.align-block{display: table-cell; position: relative; vertical-align: middle; text-align: center; padding-top: 1px;}

.pack-top {position: relative; height: 595px; text-align: center; margin-top: 20px;}
.ptop__cow{position: absolute; bottom: 175px; left: 50%; margin-left: -162px;  width: 173px; height: 253px; background: url(/images/tpl/shape_cow.png); z-index: -1;}
.ptop__elem{position: absolute; left: 50%;}
.ptop__elem--mod1{top: 5px; margin-left: -385px;}
.ptop__elem--mod2{top: 5px; margin-left: 285px;}
.ptop__elem--mod2 .ptop__text{width: 210px;}
.ptop__elem--mod3{top: 235px; margin-left: -480px;}
.ptop__elem--mod4{top: 245px; margin-left: 22%;}
.ptop__elem--mod5{top: 495px; margin-left: -345px;}
.ptop__elem--mod5 .ptop__text{float: left; margin-left: 10px; margin-top: 0;}
.ptop__elem--mod5 img{float: left;}
.ptop__elem--mod6{top: 495px; margin-left: 95px;}
.ptop__elem--mod6 .ptop__text{float: left; margin-left: 10px; margin-top: 0;}
.ptop__elem--mod6 img{float: left;}
.ptop__text{width: 275px; font-family: MyriadProCondBold; font-size: 18px; text-align: left; color: #000000; margin-top: 10px; text-transform: uppercase;}
.ptop__text span{display: block; font-family: MyriadProRegular; font-size: 16px; margin-top: 5px; line-height: 20px; text-transform: none;}

.pack-center{margin: 0 auto; margin-top: -25px; width: 945px;}
.pack-center img{float: left;}
.pcenter__text{float: left; width: 675px; margin-left: 40px; margin-top: 30px;}

.pack-bottom{position: relative; margin: 0 auto; margin-top: 105px; width: 935px;}
.pack-bottom img{float: left;}
.pbottom__text{float: left; width: 535px; margin-left: 90px; margin-top: 15px;}
.pbottom__paste{position: absolute; left: 20px; top: 10px;}
.pbottom__paste span{display: block; width: 272px; font-family: MyriadProRegular; font-size: 16px; line-height: 24px; margin-top: 5px; color: #0058a2;}
.pbottom__paste span.bpaste__title{display: inline; font-family: MyriadProCondBold; font-size: 24px;}

.smenu{margin: 30px 0; text-align: center;}
.smenu__item{margin-right: 30px; padding: 4px 7px; font-family: MyriadProCondBold; font-size: 18px; text-transform: uppercase; text-decoration: underline; color: #002a5e; cursor: pointer;}
.smenu__item:last-child{margin: 0;}
.smenu__item:hover{color: #003F8C;}
.smenu__item.active{.transition(0.4s); background: #3aa9eb; border-radius: 4px; color: #ffffff; text-decoration: none;}
.smenu__item--mod{text-transform: none;}

.news{margin: 45px auto 0; min-height: 513px; width: 1240px;}
.news__inner{margin-left: -0px; margin-top: -0px;}
.news__item{position: relative; float:left; margin-left: 0px; margin-top: 0px; width: 302px; height: 302px; text-align: center; overflow: hidden;}
.news__item--mod1{width: 614px;}
.news__text{position: absolute; bottom: 0; .box-sizing(border-box); height: 87px; width: 100%; padding: 10px; background: #e5f4ff; text-align: left; overflow: hidden; z-index: 9;}
.news__date{font-family: MyriadProRegular; font-size: 14px; color: #595959;}
.news__notice{font-family: MyriadProCondBold; font-size: 18px; color: #000000; overflow: hidden;}
.news__shadow{position: absolute; bottom: 2px; right: 0; width: 100%; height: 18px; z-index: 10; background: url(/images/tpl/news_text-bg.png);}
.news__play{display: block; position: absolute; top: 60px; left: 50%; margin-left: -49px; width: 98px; height: 98px; z-index: 10; .transition(0.4s); background: url(/images/tpl/video_icon.png); opacity: 0.8;}
.news__play{display: block; position: absolute; top: 60px; left: 50%; margin-left: -49px; width: 98px; height: 98px; z-index: 10; .transition(0.4s); background: url(/images/tpl/video_icon.png); opacity: 0.8;}
.news__play:hover{opacity: 1;}
.news__line{position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; z-index: 10;}
.news__img--one{}
.news__image{height: 302px; width: 100%; .transition(0.4s);}
.news__item:hover .news__image{.transform(scale(1.1));}
.news__image.no-hover:hover{.transition(0); .transform(scale(1));}
.news_content__image{text-align: center; margin-top: 35px; margin-bottom: 20px;}
.news__content{width: 790px; margin: 0 auto; font-family: MyriadProRegular; font-size: 16px;}
.news__content{
  h1, h2, h3, h4, h5, h6{display: block; font-family: MyriadProCondBold; font-size: 24px; margin-bottom: 10px;}
}
.news__content p{margin-bottom: 10px;}
.news__content b{font-family: MyriadProBold; font-weight: normal;}
.news__content ol{list-style-type: none; counter-reset: num;}
.news__content li{margin-bottom: 10px;}
.news__content li::before{content: counter(num) '. '; counter-increment: num; color: #00baff; font-family: MyriadProBold; font-size: 16px;}
.news__social{display: inline-block; margin-top: 40px;}
.news__social span{float: left; margin-top: 5px; font-family: MyriadProCondBold;}
.news_social__item{width: 30px; height: 30px; margin-left: 8px; float: left;}
.news_social__item.ok{background: url(/images/tpl/news_social.png);}
.news_social__item.vk{background: url(/images/tpl/news_social.png) no-repeat -38px;}
.news_social__item.fb{background: url(/images/tpl/news_social.png) no-repeat -76px;}
.news__images{margin-left: -10px; margin-top: -10px; width: 800px;}
.news__images img{float: left; margin-top: 10px; margin-left: 10px;}
.news__video{margin: 30px auto; text-align: center;}
.news__link{display: block;}
.news__cdata{margin-top: 20px; color: #666; font-style: italic;}
.news__cow{width: 100%; height: 302px;}

.show-next{margin: 40px auto 120px; width: 96px;}
.show-next span{font-family: MyriadProCondBold; font-size: 18px; color: #002a5e; text-transform: uppercase; text-decoration: underline; cursor: pointer;}
.show-next span:hover{text-decoration: none;}

.animation{position: relative; max-width: 1330px; height: 102px; background: url(/images/tpl/bg_animation.png) center center no-repeat; margin: 100px auto 0;}
.animation__center{position: absolute; bottom: 0; left: 50%; margin-left: -16px; width: 33px; height: 77px; background: url(/images/tpl/center_animation.png); z-index: 5;}
.animation__fura{position: absolute; bottom: 1px; left: 10%; width: 149px; height: 58px; background: url(/images/tpl/fura.png); z-index: -1;}

.cutaway{position: relative; max-width: 1250px; height: 525px; margin: 0 auto; margin-top: 65px;}
.cutaway__scheme{position: absolute; right: 8%; width: 883px; height: 458px; background: url(/images/tpl/pack_scheme.png);}
.cutaway__text{position: absolute; left: 7.2%; top: 0;}
.cutaway__text span{display: block; width: 280px; margin-top: 5px; font-family: MyriadProRegular; font-size: 16px; text-align: left; color: #000000;}
.cutaway__text span.cutaway__ttitle{display: inline; font-family: MyriadProCondBold; font-size: 24px; margin: 0; background: #ffffff;}

.cutaway__text--one{top: 25px;}
.cutaway__text--two{top: 136px;}
.cutaway__text--three{top: 225px;}
.cutaway__text--four{top: 337px;}
.cutaway__text--five{top: 428px;}

.slider{position: relative; width: 100%; overflow: hidden; margin-top: 85px; margin-bottom: 30px;}
.slider__buttons{width: 77.46%; position: absolute; top: 50%; margin-left: 11%; margin-right: 11%; margin-top: -18px;}
.slider__bleft{float: left; width: 31px; height: 36px; background: url(/images/tpl/arrow.png) no-repeat -65px 0; cursor: pointer;}
.slider__bleft:hover{background: url(/images/tpl/arrow.png) no-repeat -65px -37px;}
.slider__bright{float: right; width: 31px; height: 36px; background: url(/images/tpl/arrow.png) no-repeat -97px 0; cursor: pointer;}
.slider__bright:hover{background: url(/images/tpl/arrow.png) no-repeat -97px -37px;}
.slider__inner {overflow: hidden;}
.slider__item {float: left; text-align: center;}

.content {width: 100%;}
.content:after { content: ""; display: table; clear: both;}
.content__text {position: relative; float: right; margin-right: 140px; margin-top: -40px; width: 393px; text-align: left; color: #000000;}
.content{
  h1, h2, h3, h4, h5, h6{font-family: MyriadProCondBold; font-size: 24px; text-transform: uppercase;}
}
.content p{margin-top: 15px;}

.figure {position:relative; height: 842px; width: 100%; font-size: 16px; background: url(/images/tpl/figure.png) no-repeat center;}
.figure__ellipse {position: absolute; left: 50%; cursor: pointer;}
.figure__ellipse:hover {z-index: 15;}
.figure__span {display: block; position: relative; font-family: MyriadProCondBold; font-size: 24px; text-align: center; color: #ffffff; margin-left: 10px; width: 30px; height: 30px; background: #00bff3; border-radius: 30px; z-index: 5; .transition(0.4s);}
.figure__ellipse:hover .figure__span{background: #0058a2;}
.figure__ellipse:first-child .surface__bleft{display: none;}
.figure__ellipse:last-child .surface__bright{display: none;}
.figure__span span{font-size: 18px;}
.figure__block {display: none; width: 205px; position: absolute; top: 0; left: 25px; padding: 10px 15px 15px 75px; border: 1px solid #4da5d7; border-radius: 10px; .box-shadow(0px 4px 9px  #7C7C7C); background: #ffffff; z-index: 3;}
.figure__block--left {left: auto; right: 25px;}
.figure__ellipse:hover .figure__block{display: block;}
.figure__ellipse:hover .figure__block p{text-decoration: underline;}
.figure__block i {background: url(/images/tpl/cow.png); height: 71px; width: 63px; position: absolute; left: 0; bottom: 0;}
.figure__block p {font-family: MyriadProRegular; color: #000000; font-size: 16px;}

.surface {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url("/images/tpl/bg_surface.png") center center; background-size: cover; z-index: 10; cursor: auto; z-index: 50;}
.surface__content {width: 100%; position: absolute; bottom: 0; background: url(/images/tpl/surface_text.png); margin-bottom: 0;}
.surface__wrapper {width: 980px; margin: 0 auto; position: relative;}
.surface__text {width: 65.8%; float: left; text-align: left; font-family: MyriadProRegular; color: #000000; font-size: 16px;}
.surface__title {font-family: MyriadProCondBold; font-size: 24px; margin-top: 25px;}
.surface__text p{margin-top: 15px;}
.surface__text p:last-child{margin-bottom: 25px;}
.surface__text a{color: #002a5e;}
.surface__wrapper i{display: block; position: absolute; bottom: 0; right: 0; float: right; background: url(/images/tpl/surfer_cow.png); width: 306px; height: 179px;}
.surface__buttons {position: absolute; left: 50%; margin-left: -56%; bottom: 50px; width: 112%;}
.surface__bleft{position: relative; float: left; width: 31px; height: 36px; background: url(/images/tpl/arrow.png) no-repeat 0 0; cursor: pointer; font-family: MyriadProCondBold; font-size: 24px; color: #ffffff;}
.surface__bleft:hover{background: url(/images/tpl/arrow.png) no-repeat 0 -37px;}
.surface__bleft span{position: absolute; top: 2px; right: 3px;}
.surface__bright{position: relative; float: right; width: 31px; height: 36px; background: url(/images/tpl/arrow.png) no-repeat -32px 0; cursor: pointer; font-family: MyriadProCondBold; font-size: 24px; color: #ffffff;}
.surface__bright:hover{background: url(/images/tpl/arrow.png) no-repeat -32px -37px;}
.surface__bright span{position: absolute; top: 2px; left: 3px;}
.surface__bleft, .surface__bright{.user-select(none);}
.surface__biteml{width: 70px; height: 70px; margin-top: -17px; margin-left: -35px;}
.surface__bitemr{width: 70px; height: 70px; margin-top: -17px; margin-right: -35px;}
.surface__close{position: absolute; top: 0; right: 0; width: 38px; height: 38px; background: url(/images/tpl/x.png) no-repeat 0 0; cursor: pointer;}
.surface__close:hover {background: url(/images/tpl/x.png) no-repeat -38px 0;}

.distrib-content{font-family: MyriadProRegular; color: #000000;}
.distrib-content p{display: block; font-family: MyriadProRegular; margin-top: 20px; font-size: 16px;}
.distrib-content{
  h1, h2, h3, h4, h5, h6{font-size: 24px; font-family: MyriadProCondBold; text-transform: uppercase;}
}
.distrib-text{font-family: MyriadProRegular; color: #000000;}
.distrib-text p{display: block; font-family: MyriadProRegular; margin-top: 17px; font-size: 16px;}
.distrib-text{
  h1, h2, h3, h4, h5, h6{margin-top: 15px; font-size: 24px; font-family: MyriadProCondBold; text-transform: uppercase;}
}
.distrib-text b{font-family: MyriadProBold;}

.distrib-top{text-align: center; margin-top: 45px;}
.distrib__img{text-align: center; margin-top: 40px;}
.distrib__center{max-width: 1045px; margin: 60px auto 0;}
.distrib__cleft{float: left; width: 735px; text-align: left;}
.distrib__cright{padding-left: 45px; padding-top: 20px; overflow: hidden;}
.distrib__cright img{width: 100%; max-width: 264px;}
.distrib__cright a{display: inline-block; margin-top: 5px; color: #0058a2;}
.distrib__bottom{max-width: 1245px; margin: 90px auto 0;}
.distrib__bleft{position: relative; float: left; text-align: left;}
.distrib__paste{position: absolute; left: 200px; top: 40px; width: 260px;}
.distrib__paste span{display: block; font-family: MyriadProRegular; color: #000000; font-size: 16px; line-height: 22px; margin-top: 15px;}
.distrib__paste span.distrib__pastitle{font-family: georgia; font-weight: bold; font-style: italic; margin: 0;}
.distrib__bright{float: left; margin-left: 50px; width: 51%;}
.distrib__ultitle{margin-left: -17px; font-family: MyriadProCondBold; color: #000000; font-size: 24px; text-transform: uppercase;}
.distrib__bottom ul{counter-reset: item; list-style-type: none;}
.distrib__bottom li{position: relative; margin-top: 20px; margin-left: 10px; width: 100%; font-family: MyriadProRegular; color: #000000; font-size: 18px;}
.distrib__bottom li:before{position: absolute; left: -25px; top: -5px; font-family: MyriadProBold; font-size: 24px; color: #00baff; content: counter(item); counter-increment: item;}
.distrib__info{position: relative; margin-top: 95px;}
.distrib__info img{position: absolute; left: 50%; top: -15px; width: 980px; margin-left: -490px; z-index: -1;}
.distrib__icenter{width: 435px; margin: 90px auto;}
.distrib__icenter span{display: block; margin-bottom: 5px; text-align: center; font-family: MyriadProRegular; color: #000000; font-size: 18px;}
.distrib__icenter span.distrib__ibold{margin: 0; font-family: MyriadProBold; font-size: 24px;}
.distrib__button{position: relative; left: 50%; margin: 20px -152px 25px; width: 305px; height: 60px; background: url(/images/tpl/distrib_button.png); text-align: center; font-family: MyriadProCondBold; text-transform: uppercase; font-size: 24px; color: #ffffff; border: none; outline: none; cursor: pointer; overflow: visible;}
.d_button__left_icon{position: absolute; top: 0; left: -28px; background: url(/images/tpl/distrib_button_left.png); height: 60px; width: 28px;}
.d_button__right_icon{position: absolute; top: 0; right: -28px; background: url(/images/tpl/distrib_button_right.png); height: 60px; width: 28px;}
.distrib__button:hover{background: url(/images/tpl/distrib_button-hover.png);}
.distrib__button:hover .d_button__left_icon{background: url(/images/tpl/distrib_button_left-hover.png);}
.distrib__button:hover .d_button__right_icon{background: url(/images/tpl/distrib_button_right-hover.png);}

.philosophy{width: 980px; margin: 0 auto 90px;}
.philosophy__top{width: 820px; margin: 0 auto 40px; font-size: 18px; font-family: MyriadProRegular;}
.philosophy__top{
  h1, h2, h3, h4, h5, h6{font-size: 24px; color: #002a5e; font-family: MyriadProCondBold; margin-bottom: 15px;}
}
.philosophy__top p {margin-bottom: 25px;}
.philosophy__top p:last-child {margin-bottom: 0;}
.philosophy__top a{color: #000000; font-size: 18px;}
.philosophy__top a:hover{text-decoration: none;}
.philosophy h2{margin-bottom: 20px; font-family: MyriadProCondBold; font-size: 36px; color: #002a5e; text-transform: uppercase; text-align: center;}
.philosophy__left{float: left; width: 445px;}
.philosophy__right{float: right; width: 445px;}
.philosophy p{font-family: MyriadProRegular; font-size: 18px; margin-bottom: 15px;}
.philosophy p:last-child{margin: 0;}
.philosophy b{font-family: MyriadProBold; font-weight: normal; color: #0058a2;}
.philosophy a{color: #000000; font-size: 18px;}
.philosophy a:hover{text-decoration: none;}

.history{width: 100%; margin-bottom: 20px; overflow: hidden;}
.history a{color: #000000; font-size: 18px;}
.history a:hover{text-decoration: none;}
.history__title{margin-bottom: 40px; font-family: MyriadProCondBold; font-size: 36px; color: #002a5e; text-transform: uppercase; text-align: center;}
.history__item{display: table; width: 390px; height: 320px; float: left; margin-right: 20px; text-align: center;}
.history__item:first-child{margin-left: 40px;}
.history__data{font-family: MyriadProCondBold; font-size: 24px; color: #002a5e; text-align: left;}
.history__info{font-family: MyriadProRegular; font-size: 16px; text-align: left; padding-bottom: 15px;}
.history__item img{vertical-align: bottom;}
.history__text{display: table-row;}
.history__img{display: table-row; height: auto;}
.history__vertical{display: table-cell; vertical-align: bottom;}
.history__scroll{position: relative; width: 94%; height: 13px; margin-left: 60px; margin-bottom: 25px;}
.history__sline{position: absolute; top: 0; left: 0; width: 100%; height: 13px; background: #3aa9eb; border-radius: 5px; opacity: 0.5;}
.history__sleft{position: absolute; top: 0; left: -17px; width: 13px; height: 13px; background: url(/images/tpl/scroll_left.png); cursor: pointer;}
.history__sright{position: absolute; top: 0; right: -17px; width: 13px; height: 13px; background: url(/images/tpl/scroll_right.png); cursor: pointer;}
.history__button{position: absolute; width: 60px; height: 13px; top: 0; left: 0; background: #3aa9eb; border-radius: 5px;}
.history__start{text-align: center;}
.history__start a{position: relative; color: #0058a2; cursor: pointer;}
.history__arrow{position: absolute; top: -5px; left: 0; width: 73px; height: 7px; background: url(/images/tpl/history_arrow.png);}

.team{display: inline-block; width: 1365px; text-align: center;}
.team__inner{margin-bottom: 50px; text-align: center;}
.team__item{display: inline-block; width: 235px; height: 312px; text-align: center; margin-right: 35px; margin-bottom: 30px; vertical-align: top;}
.team__item img{margin-bottom: 10px; cursor: pointer;}
.team__item span.team__name{display: block; margin-bottom: 5px; font-family: MyriadProCondBold; font-size: 24px; cursor: pointer;}
.team__item span{font-size: 14px; color: #002a5e;}
.team__image{margin-bottom: 25px; text-align: center;}
.team__text{width: 550px; margin: 0 auto; font-size: 18px; color: #000000; text-align: center;}
.team__text p{margin-bottom: 5px;}
.team__text b{font-family: MyriadProBold; font-weight: normal;}

.rewards{width: 890px; margin: 0 auto 35px;}
.rewards__inner{margin-left: -40px; text-align: center;}
.rewards__item{display: inline-block; width: 264px; margin-left: 40px; margin-bottom: 35px; text-align: center; vertical-align: middle;}
.rewards__border{display: inline-block; position: relative;}
.rewards__border img{margin: 11px 11px 7px; cursor: pointer;}
.rewards__angle{position: absolute; width: 11px; height: 11px;}
.rewards__angle--1{top: 0; left: 0;}
.rewards__angle--2{top: 0; right: 0;}
.rewards__angle--3{bottom: 0; left: 0;}
.rewards__angle--4{bottom: 0; right: 0;}
.rewards__angle--mod-border1.rewards__angle--1{background: url(/images/tpl/border_angle1--1.jpg)}
.rewards__angle--mod-border1.rewards__angle--2{background: url(/images/tpl/border_angle1--2.jpg)}
.rewards__angle--mod-border1.rewards__angle--3{background: url(/images/tpl/border_angle1--3.jpg)}
.rewards__angle--mod-border1.rewards__angle--4{background: url(/images/tpl/border_angle1--4.jpg)}
.rewards__angle--mod-border2.rewards__angle--1{background: url(/images/tpl/border_angle2--1.jpg)}
.rewards__angle--mod-border2.rewards__angle--2{background: url(/images/tpl/border_angle2--2.jpg)}
.rewards__angle--mod-border2.rewards__angle--3{background: url(/images/tpl/border_angle2--3.jpg)}
.rewards__angle--mod-border2.rewards__angle--4{background: url(/images/tpl/border_angle2--4.jpg)}
.rewards__angle--mod-border3.rewards__angle--1{background: url(/images/tpl/border_angle3--1.png)}
.rewards__angle--mod-border3.rewards__angle--2{background: url(/images/tpl/border_angle3--2.png)}
.rewards__angle--mod-border3.rewards__angle--3{background: url(/images/tpl/border_angle3--3.png)}
.rewards__angle--mod-border3.rewards__angle--4{background: url(/images/tpl/border_angle3--4.png)}
.rewards__btop{position: absolute; top: 0; left: 11px; right: 11px; height: 11px;}
.rewards__btop--border1{background: url(/images/tpl/border1.jpg);}
.rewards__btop--border2{background: url(/images/tpl/border5.jpg);}
.rewards__btop--border3{background: url(/images/tpl/border9.jpg);}
.rewards__bleft{position: absolute; top: 11px; left: 0; bottom: 11px; width: 11px;}
.rewards__bleft--border1{background: url(/images/tpl/border2.png);}
.rewards__bleft--border2{background: url(/images/tpl/border6.jpg);}
.rewards__bleft--border3{background: url(/images/tpl/border10.jpg);}
.rewards__bright{position: absolute; top: 11px; right: 0; bottom: 11px; width: 11px;}
.rewards__bright--border1{background: url(/images/tpl/border4.png);}
.rewards__bright--border2{background: url(/images/tpl/border8.jpg);}
.rewards__bright--border3{background: url(/images/tpl/border12.jpg);}
.rewards__bbottom{position: absolute; bottom: 0; left: 11px; right: 11px; height: 11px;}
.rewards__bbottom--border1{background: url(/images/tpl/border3.png);}
.rewards__bbottom--border2{background: url(/images/tpl/border7.jpg);}
.rewards__bbottom--border3{background: url(/images/tpl/border11.jpg);}
.rewards__img{text-align: center;}

#ymap{width: 100%; height: 586px; position: relative; margin-bottom: -60px; border-top: 2px solid #0058a2;}
.ymap__block{position: absolute; top: 60px; left: 50%; margin-left: -410px; z-index: 5;}
.ymap__block:nth-child(2){left: 50%; margin-left: 205px; z-index: 5;}
.ymap__item{position: relative; float: left; width: 200px; height: 130px; background: url(/images/tpl/background_map.png); border: 1px solid #53b1e8; border-radius: 5px; cursor: pointer;}
.ymap__item:hover{background: url(/images/tpl/background_map_h.png);}
//.ymap__item:hover .ymap__text{text-decoration: underline;}
.ymap__text{width: 170px; margin: 25px auto 0; font-size: 18px; color: #085da5; text-align: center;}
.ymap__item p{margin-bottom: 5px; text-align: center; font-family: MyriadProCondBold;}
.ymap__item a{margin-bottom: 5px; text-align: center; font-family: MyriadProCondBold; text-decoration: none; font-size: 18px; color: #085da5;}
.ymap__block img{position: absolute; left: 50%; margin-left: -32px; top: -25px;}
.ymap__block:nth-child(2) img{top:-15px;}

.footer {width: 100%; height: 80px; margin-top: 60px; background: url(/images/tpl/bg_foot.jpg); font-family: MyriadProRegular; color: #ffffff;}
.footer_content:after { content: ""; display: table; clear: both;}
.phones {margin-top: 20px; margin-right: 3.14%; float: left;}
.phones__title{font-size: 14px; text-decoration: underline; color: #ffffff;}
.phones__title:hover{text-decoration: none; color: #ffffff;}
.phones__number {display: block; font-size: 18px; margin-top: 10px; color: #ffffff; text-decoration: none;}
.phones__number:hover{color: #ffffff;}
.center {float: left; margin-top: 25px; margin-left: 15%; margin-right: 5.2%;}
.footer_button {height: 34px; font-size: 14px; background: url(/images/tpl/button_bg.png); border: none; outline: none; font-family: MyriadProRegular; color: #ffffff; position: relative; cursor: pointer; overflow: visible;}
.f_button__left_icon {background: url(/images/tpl/button_left.png); height: 34px; width: 17px; position: absolute; left: -17px; top: 0;}
.f_button__right_icon {background: url(/images/tpl/button_right.png); height: 34px; width: 16px; position: absolute; right: -16px; top: 0;}
.footer_button:hover {background: url(/images/tpl/button_bg-hover.png);}
.footer_button:hover .f_button__left_icon{background: url(/images/tpl/button_left-hover.png); }
.footer_button:hover .f_button__right_icon{background: url(/images/tpl/button_right-hover.png);}
.footer__politic{margin-top: 10px;}
.footer__politic a{color: #fff;}

/*
.home .footer__cow{position: absolute; top: -70px; right: 30px; width: 144px; height: 106px; background: url('/images/tpl/footer_cow_home.png');}
.footer__cow{position: absolute; top: -70px; right: 30px; width: 79px; height: 98px; background: url('/images/tpl/footer_cow.png');}
*/

.social_group {margin-top: 12px;}
.social_group__item {width: 30px; height: 30px; margin-right: 8px; float: left;}
.social_group .ok {background: url(/images/tpl/ok_soc.png);}
.social_group .ok:hover {background: url(/images/tpl/ok_h.png);}
.social_group .vk {background: url(/images/tpl/vk_soc.png);}
.social_group .vk:hover {background: url(/images/tpl/v_h.png);}
.social_group .fb {background: url(/images/tpl/fb_soc.png);}
.social_group .fb:hover {background: url(/images/tpl/f_h.png);}
.social_group .ig {background: url(/images/tpl/ig_soc.png);}
.social_group .ig:hover {background: url(/images/tpl/in_h.png);}
.social_group .tw {background: url(/images/tpl/tw_soc.png);}
.social_group .tw:hover {background: url(/images/tpl/tw_h.png);}
.mahog {width: 155px; float: right; margin-top: 50px;}
.mahog a {font-family: Trebuchet MS; font-size: 12px; color: #999999; text-decoration: none;}
.mahog .mahog__logo {display: inline-block; width: 61px; height: 15px; background: url(/images/tpl/mahog.png); vertical-align: middle;}
.mahog a:hover .mahog__logo{background: url(/images/tpl/mahog.png) no-repeat 0 -15px;}

.popup{display: none; position: fixed; top: 0; left: 50%; width: 415px; padding: 35px 40px; margin-left: -204px; background: #ffffff; border: 3px solid #0058a2; border-radius: 5px; font-family: MyriadProRegular; font-size: 16px; color: #000000; .box-sizing(border-box); z-index: 6;}
.popup--mod{width: 800px; margin-left: -400px;}
.popup--mod .popup__title{margin-bottom: 50px;}
.popup--mod h5{font-family: MyriadProBold; font-size: 18px; margin-bottom: 10px;}
.popup p{width: auto;}
.popup__title{text-align: center; font-family: georgia; font-weight: bold; font-style: italic; font-size: 24px; margin-bottom: 20px; color: #000000;}
.popup__title span{cursor: auto;}
.popup input[type=text]{float: left; width: 320px; margin-bottom: 10px; .box-sizing(border-box); padding: 10px; border: 1px solid #3aa9eb; border-radius: 3px; font-family: MyriadProRegular;}
.popup textarea{height: 120px; width: 320px; margin-bottom: 10px; padding: 10px; border: 1px solid #3aa9eb; border-radius: 5px; .box-sizing(border-box); font-family: MyriadProRegular;}
.popup button{padding: 0 40px; margin-left: 86px;}
.popup__blurLeft{position: absolute; left: 0; top: 10px; width: 30px; height: 109px; background: url(/images/tpl/popup_blur_left.png);}
.popup__blurRight{position: absolute; right: 0; bottom: 35px; width: 30px; height: 80px; background: url(/images/tpl/popup_blur_right.png);}
.popup__close{position: absolute; top: 10px; right: 10px; width: 13px; height: 13px;background: url(/images/tpl/popup_close.png); cursor: pointer;}
.popup__close:hover{background: url('/images/tpl/popup_close_hover.png');}
.popup__bg{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.3; z-index: 5; cursor: pointer;}
.popup__text{margin-bottom: 40px;}
.popup__img{float: left;}
.popup__blockRight{float: left; margin-left: 30px; width: 450px; text-align: left; margin-top: 20px;}
.popup__name{margin-bottom: 30px; font-size: 16px; font-family: MyriadProBold;}
.popup__ntext{font-size: 24px; font-family: MyriadProCondBold;}
.popup i{float: right; color: #ff6363;}
.popup__question{position: relative; display: block; cursor: pointer; .user-select(none);}
.popup__question input{width: auto;}
.popup__question span{position: absolute; top: -3px; left: 20px;}
.popup__string{margin-bottom: 10px;}

.popup__cow{position: absolute; right: 15px; bottom: 5px; border-radius: 5px; padding: 10px 15px; border: 1px solid #4A8CC3; background: #ffffff; /*display: none;*/}
.popup__cow p{margin-bottom: 10px;}
.popup__cow button{margin-left: 55px;}
.popup__cow img{position: absolute; bottom: -16px; left: 110px;}

.input__age{display: none;}

.error{text-align: center; font-size: 18px;}
.error img{margin-top: 50px;}

.not-filled{margin-top: 15px; font-size: 14px; text-align: center; color: #E80D44;}

.fcow{display: none; position: absolute; bottom: -38px; right: 30px;}
.loader{display: none; position: fixed; width: 100%; height: 100%; background: white; top: 0; left: 0; z-index: 9999;}
.loader__cow{position: absolute; top: 50%; left: 50%; width: 69px; height: 124px; margin-left: -35px; margin-top: -62px; background: url(/images/cow/preload_69.png) repeat;}

.fcow{display: block;}
.home .loader{display: block;}


#popup__ok{width: 456px; margin-left: -228px;}

.milk{width: 960px; margin: 30px auto 0;}
.milk__left{float: left; margin-right: 15px;}
.milk__right{line-height: 22px; overflow: hidden;}
.milk__right p{padding-bottom: 5px;}
.milk__table{width: 100%; margin-top: 20px; overflow: hidden;}
.milk__table_title{margin-bottom: 20px; text-align: center; font-size: 18px; font-family: MyriadProBold; color: #0058a2;}
.milk__table_title a{display: inline-block; margin-left: 10px; font-family: MyriadProRegular; color: #0058a2;}
.milk__table{
  table{width: 2304px; border-collapse: collapse;}
  td, th{width: 192px; padding: 5px 0 5px 10px; border-right: 1px solid #b8cbd9; .border-box();}
  td:last-child{border-right: none;}
  th{text-align: left; font-family: MyriadProBold; color: #0058a2; border-color: transparent;}
  .history__scroll{margin-left: 30px; margin-top: 20px;}
}